body { font-family: 'EB Garamond',Century Gothic, times; font-size: 100%;background-color: #ccc; padding: 4px; }
#wrapper {background-color: #f7f7f7; width:850px; margin: 0px auto 0px auto;}
#header { background-color: #222; padding: 10px; margin: 0px 0px 0px 0px; color:#FFEBCD;}
#content { padding: 10px; overflow:auto;}
#left { float:left; width: 50%; text-align:center;}
#right { float:left; width: 50%;}
#menu { background-color: #222; padding: 0px 0px 10px 0px; margin:0;}
.menu { display: inline; padding:0; margin: 0;}
.menu li { display: inline; padding: 10px 0px 10px 0px;}
.menu a { background-color: #222; color:#FFEBCD; font-weight: bold; padding: 10px 10px 10px 10px; text-decoration: none;}
.menu a:hover { background-color:#fff;color:#000; font-weight: bold; padding: 10px 10px 10px 10px; text-decoration: none;}
#footer { background-color: #222; padding: 10px; margin: 10px 0px 0px 0px; color:#FFEBCD; text-align:center;}
.biopic { float: left; margin:3px; }
.artwork_icon { float:left; width: 170px; padding: 5px; margin: 3px; }
.artwork { border: 1px solid #000; cursor:pointer; }
.artwork:hover { border: 1px solid red; cursor:pointer;}
.artwork_icon ul { margin:0; padding:0; list-style:none;}
.artwork_icon ul li { margin:0; padding:0;list-style:none; }
a { color: blue; }
.btn { background-color: #222; color: #FFEBCD; padding: 5px; border: 1px solid #000; cursor:pointer;}
.btn:hover { background-color:#333;}
.error { color: red;}
#art { list-style:none; margin:0; padding:0;}
#artpiece {   display:inline; margin:0; padding:0;}
.imgArt { width:90px; padding: 10px; cursor:pointer;}
.imgArt:hover { background-color:#222;}